<div id="slider" class="carousel slide" data-ride="carousel">
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <?php echo $this->Html->image('slider/t1.jpg'); ?>
            <div class="carousel-caption">
                <div class="note">
                    <h5>Thông báo về việc chuẩn bị cho buổi bảo vệ chính thức Đồ án Tốt nghiệp K54</h5>
                </div>
            </div>
        </div>
        <div class="item">
            <?php echo $this->Html->image('slider/t2.jpg'); ?>
            <div class="carousel-caption">
                  <div class="note">
                    <h5>Thông báo về việc chuẩn bị cho buổi bảo vệ chính thức Đồ án Tốt nghiệp K54</h5>
                </div>
            </div>
        </div>
        <div class="item">
            <?php echo $this->Html->image('slider/t3.jpg'); ?>
            <div class="carousel-caption">
                 <div class="note">
                    <h5>Thông báo về việc chuẩn bị cho buổi bảo vệ chính thức Đồ án Tốt nghiệp K54</h5>
                </div>
            </div>
        </div>
        <div class="item">
            <?php echo $this->Html->image('slider/t4.jpg'); ?>
            <div class="carousel-caption">
                <h5>Kiểm tra tiến độ bổ sung</h5>
            </div>
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#slider" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#slider" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
<script type="text/javascript">
    $("#slider").carousel({
    })
</script>